<div class="add_btn">
  <button nz-button nzType="primary" (click)="addAera()"><i nz-icon type="plus"></i>添加</button>
  <nz-modal [(nzVisible)]="isVisible" nzTitle="新增区域配置" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()">
    <div nz-row style="width:300px;">
      <nz-form-label nz-col nzSpan="12" nzRequired>区域配置</nz-form-label>
      <nz-cascader style="margin-top: 5px;" nz-col nzSpan="12" [nzChangeOnSelect]="true" [nzOptions]="nzOptions" [nzShowSearch]="true" [(ngModel)]="values" (ngModelChange)="onChanges($event)"></nz-cascader>
      <nz-form-explain class="checkResult" *ngIf="selectArea ==-1">请选择地区!</nz-form-explain>
    </div>
  </nz-modal>
</div>
<nz-table #basicTable [nzData]="arealist" [nzShowPagination]="false" [nzBordered]="true">
  <thead>
    <tr>
      <th>省</th>
      <th>市</th>
      <th>区</th>
      <th>操作</th>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let data of arealist">
      <td>{{data.provinceId?province[data.provinceId].name:""}}</td>
      <td>{{data.cityId && data.cityId !==-1?city[data.cityId].name:""}}</td>
      <td>{{data.districtId !==-1 && data.districtId ?district[data.districtId].name:""}}</td>
      <td class="td_btn">
        <nz-popconfirm  [nzTitle]="'确定要删除么?'" (nzOnConfirm)="delete(data.id)">
          <a nz-popconfirm style="color:#E48675;margin-left:12px;">删除</a>
        </nz-popconfirm>
      </td>
    </tr>
  </tbody>
</nz-table>
